<!DOCTYPE html>
<html>
    <head>
        <title>城市选择器</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="dist/css/style.css" type="text/css" rel="stylesheet">
    </head>
    <body>
        <div>
            城市多选：
            <input class="area-duoxuan" data-value="" type="text">
            城市单选：
            <input class="area-danxuan" data-value="" type="text">
        </div>

        <h2>diq（Modal）</h2>
        <!-- 按钮触发模态框 -->
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button>
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                    </div>
                    <div class="modal-body">
                        <div class="aui_inner">
                            <div class="aui_icon" style="display: none;">
                                <div class="aui_iconBg" style="background: transparent none repeat scroll 0% 0%;"></div>
                            </div>
                            <div class="aui_main" style="width: auto; height: auto;">
                                <div class="aui_content" style="padding: 0px; position:relative">
                                    <div style="position:relative;">
                                        <div class="data-result"><em>最多选择 <strong>2000</strong> 项</em></div>
                                        <div class="data-error" style="display: none;">最多只能选择 3 项</div>
                                        <div class="data-search" id="searchRun"><input class="run" name="searcharea"/><div class="searchList run"></div></div>
                                        <div class="data-tabs">
                                            <ul>
                                                <li onclick="removenode_area(this)" data-selector="tab-all" class="active"><a href="javascript:;"><span>全部</span><em></em></a></li>
                                            </ul>
                                        </div>
                                        <div class="data-container data-container-city"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" onclick="svae_City()">提交更改</button>
                    </div>
                </div>
            </div>
        </div>


        <!-- Javascript -->
        <script type="text/javascript" src="dist/jquery.js"></script>
        <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
        <!-- self -->
        <script type="text/javascript" src="dist/js/dist.data.js"></script>
        <script type="text/javascript" src="dist/js/dist.search.js"></script>
        <script type="text/javascript" src="dist/js/dist.js"></script>
    </body>
</html>
